:root {
  /* Sizes */

  --top-bar-height: 36px;
  --top-bar-expanded-height: 160px;
  --toolbar-height: 60px;
  --toolbar-drawer-height: 62px;
  --left-sidepanel-menu-width: 282px;
  --right-sidepanel-menu-width: 323px;
  --snackbar-size: 344px;

  /* Transitions */

  --transition-duration: 0.3s;
  --transition-effect: ease;
  --sidepanel-transition: all 0.3s ease;

  /* Thicknesses */

  --viewport-border-thickness: 2px;
  --ui-border-thickness: 1px;

  /** Colors **/

  --viewport-border-color: #44626f;
  --viewport-border-color-active: #ffd239;

  --snackbar-success: rgba(94, 164, 0, 0.9);
  --snackbar-error: rgba(236, 61, 61, 0.9);
  --snackbar-warning: rgba(235, 173, 23, 0.9);
  --snackbar-info: rgba(54, 156, 199, 0.9);

  /** z-Index **/
  --snackbar-zIndex: 1075;

  /** DatePicker Colors **/
  --datePicker-input-background: #2c363f;
  --datePicker-picker-background: #9ccef9;
  --datePicker-picker-disabled: #d3d3d3;
  --datePicker-picker-text: #484848;
  --datePicker-picker-text-disabled: #aaa;
  --datePicker-picker-text-input: #fff;
}
